/* pages/management/management.wxss */
.Management-big{
  width: 100%;
  // height: 1650rpx;
  height: 100%;
  background-color: rgba(226, 220, 255);
   margin-bottom: 50rpx;
   padding-bottom: 60rpx;
}
.ManagementA{
  width: 97%;
  // height: 300rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 30rpx;
  margin: 10rpx 20rpx 20rpx 10rpx;
  padding: 0 16rpx 60rpx 16rpx;
  box-sizing: border-box;
}
.ManagementA-top{
  width: 100%;
  height: 100rpx;
  line-height: 100rpx;
  margin: 20rpx 0 0 20rpx;
  font-size: 35rpx;
  color: #d2b7ff;
  // background-color: chartreuse;
}
.ManagementA-buttom{
  // height: 200rpx;
  text-align: center;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.ManagementA-a{

  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ManagementA-b,.ManagementA-a,.ManagementA-c{
  width: 33%;
}
.ManagementA-a-d{
  width: 100%;
  height: 100rpx;
  // background-color: red;
  line-height: 100rpx;
  // color: #ccc;
  text-align: center;
  font-weight: 800;
  font-size: 28rpx;
  // background-color: red;
}
.ManagementA-a-s{
  width: 100%;
  text-align: center;
  color: #f46e6e;
  font-weight: 800;
  font-size: 25rpx;

  // height: 100rpx;
}
.ManagementA-a-x{
  width: 100%;
  text-align: center;
  color: #f46e6e;
  font-weight: 800;
  font-size: 25rpx;
margin-bottom: 30rpx;
  // height: 100rpx;
}

.ManagementA-a-h{
  width: 100%;
  height: 60rpx;
  text-align: center;
  font-size: 28rpx;
  font-weight: 800;
  margin: 30rpx 0 30rpx 0;
  color: #d2b7ff;
}
.ManagementA-a-t{
  width: 100%;
  height: 60rpx;
  text-align: center;
  font-size: 28rpx;
  font-weight: 800;
  // color: #5a7fff;
  // color: #d2b7ff;
  // margin: 30rpx 0 30rpx 0;
}
.ManagementA-a-at{
  width: 100%;
  height: 60rpx;
  text-align: center;
  font-size: 28rpx;
  font-weight: 800;
 margin-bottom: 31rpx;
  // color: #5a7fff;
  color: #d2b7ff;
  // margin: 30rpx 0 30rpx 0;
}
.ManagementA-a-k{
  width: 100%;
  height: 60rpx;
  text-align: center;
  font-size: 28rpx;
  font-weight: 800;
  // color: #5a7fff;
  color: #d2b7ff;
  // margin: 30rpx 0 30rpx 0;
}

.ManagementB{
  width: 97%;
  // height: 300rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 30rpx;
  margin: 10rpx 20rpx 20rpx 10rpx;
  padding: 0 16rpx 0 16rpx;
  box-sizing: border-box;
}
.ManagementB-buttom-top{
  display: flex;
  flex-direction: row;
  margin: auto;
  // line-height: 60rpx;

}
.ManagementB-buttom{
  width: 33%;
  height: 100rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ManagementB-buttom-A{
  width: 100%;
  height: 160rpx;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.ManagementB-buttom-buttom{
 font-size: 40rpx;
 font-weight: 800;
  text-align: center;

}
.ManagementB-buttom-buttom1{
  font-size: 40rpx;
  font-weight: 800;
   text-align: center;
   color: #d2b7ff;
   padding-top: 16rpx;
 }
 .ManagementB-buttom-buttom2{
  font-size: 40rpx;
  font-weight: 800;
   text-align: center;
   color: #eedc3e;
   padding-top: 16rpx;
 }
 .ManagementB-buttom-buttom3{
  font-size: 40rpx;
  font-weight: 800;
   text-align: center;
   color: #5a7fff;
   padding-top: 16rpx;
 }
 .ManagementB-buttom-buttom4{
  font-size: 40rpx;
  font-weight: 800;
   text-align: center;
   color: #64b87b;
   padding-top: 16rpx;
 }
 .ManagementB-buttom-buttom5{
  font-size: 40rpx;
  font-weight: 800;
   text-align: center;
   color: #fb973b;
   padding-top: 16rpx;
 }
 .ManagementB-buttom-buttom6{
  font-size: 40rpx;
  font-weight: 800;
   text-align: center;
   color: #f60000;
   padding-top: 16rpx;
 }
.ManagementB-buttom-b{
  background-color: #eedc3e;
  width: 20rpx;
  height: 20rpx;
  border-radius: 50%;
  margin: 20rpx 20rpx 0 0 ;
}
.ManagementB-buttom-yx{
  background-color: #5a7fff;
  width: 20rpx;
  height: 20rpx;
  border-radius: 50%;
  margin: 20rpx 20rpx 0 0 ;
}
.ManagementB-buttom-kx{
  background-color: #64b87b;
  width: 20rpx;
  height: 20rpx;
  border-radius: 50%;
  margin: 20rpx 20rpx 0 0 ;
}
.ManagementB-buttom-cs{
  background-color: #fb973b;
  width: 20rpx;
  height: 20rpx;
  border-radius: 50%;
  margin: 20rpx 20rpx 0 0 ;
}

.ManagementB-buttom-xz{
  background-color:#f60000;
  width: 20rpx;
  height: 20rpx;
  border-radius: 50%;
  margin: 20rpx 20rpx 0 0 ;
}
.ManagementB-top{
  width: 100%;
  height: 100rpx;
  line-height: 100rpx;
  margin: 20rpx 0 0 20rpx;
  font-size: 35rpx;
  color: #d2b7ff;
}
.ManagementB-buttom-y{
  width: 20rpx;
  height: 20rpx;
  background-color: #d2b7ff;
  border-radius: 50%;
  margin: 20rpx 20rpx 0 0 ;
}
.ManagementB-buttom-ddcl{
  font-size: 30rpx;
margin-top: 11rpx;
}
.ManagementB-title{
  width: 100%;
}
.layer13 {
  height: 70rpx;
  line-height: 70rpx;
  border-radius: 26rpx;
  border: 1px solid rgba(151, 151, 151, 1);
  background-color: rgba(255, 255, 255, 1);
  display: flex;
  flex-direction: column;
  width: 450rpx;
  margin: 30rpx 0 0 21rpx;
  // margin: 15rpx auto;
  position: relative;
}
.select-box-lx {
  position: absolute;
  top: 0rpx;
  right: 13rpx;
  color: #ccc;
  height:50rpx;
  width: 100%;
}

.timeIcon{
  position: relative;
  float: right;
}

.word2{
  line-height: 70rpx;
  margin-left: 35rpx;
  height: 70rpx;
  color: #ccc;
}
.Management-all{
  width: 100%;
  line-height: 120rpx;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.Management-all-title{
  font-size: 50rpx;
  color: #fff;
  margin-left: 20rpx;
}
.ManagementC{
  width: 97%;
  // height: 300rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 30rpx;
  margin: 10rpx 20rpx 30rpx 10rpx;
  padding: 0 16rpx 0 16rpx;
  box-sizing: border-box;
}

.ManagementC-all{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ManagementC-time{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.ManagementA-middle{
  width: 700rpx;
  // height: 5rpx;
  border: 3rpx solid #e2dcff;
}
.section{
  width: 700rpx;
  height: 80rpx;
  text-align: center;
  line-height: 80rpx;
  border-radius: 40rpx;
  border: 3rpx solid #ccc;
  margin-top: 20rpx;
  background-color: #fff;
}
.ManagementC-title{
  width: 100%;
  height: 100rpx;
  line-height: 100rpx;
  margin: 20rpx 0 0 20rpx;
  font-size: 28rpx;
  color: #d2b7ff;
}
// .ManagementD{
//   width: 97%;
//   height: 600rpx;
//   display: flex;
//   flex-direction: column;
//   justify-content: space-between;
//   background-color: #fff;
//   border-radius: 30rpx;
//   margin: 10rpx 20rpx 30rpx 10rpx;
//   padding: 0 16rpx 0 16rpx;
//   box-sizing: border-box;
// }

.btn-box {
  position: fixed;
  width: 100%;
  background: #e2dcff;
  left: 0;
  bottom: 0;
  padding: 15rpx 0;
}

.btn {
  width: 80%;
  background: white;
  border: 3rpx solid #ccc;
  text-align: center;
  color: black;
  font-size: 30rpx;
  line-height: 70rpx;
  border-radius: 80rpx;
  margin: 0 auto;
}